<template>
  <div>
    <el-badge
      v-for="item in nums"
      :key="item"
      :value="item < 10 ? '0' + item : item"
      type="info"
      class="item"
      :class="{ blue: item == num+1 }"
    >
    </el-badge>
  </div>
</template>

<script>
import { mapState } from "vuex";
export default {
  data() {
    return {
      nums: 20,
      currentOption: 1,
    };
  },
  computed: {
    ...mapState("learnStudy", ["num"]),
  },
};
</script>

<style scoped>
.blue {
  background: blue;
}
</style>